@charset "utf-8";
@import "common/reset";
@import "common/public";
@function r($px) {
    @return $px/100*1rem
}

$color:#ff9344;
.web {
    section {
        width: 100%;
        position: absolute;
        left: 0;
        top: r(150);
        overflow-y: auto;
        bottom: r(144);
        padding: 0 r(20);
        .classify_all {
            width: r(704);
            height: r(200);
            margin-top: r(20);
            overflow: hidden;
            margin-bottom: r(51);
            .classify_all_food:nth-of-type(4) {
                margin-right: 0;
               
            }
            .classify_all_food {
                width: r(153);
                height: r(200);
                margin-right: r(29);
                p {
                    text-align: center;
                    font-size: r(26);
                    padding-top: r(12);
                }
                .classify_all_img {
                    width: r(153);
                    height: r(149);
                    img {
                        width: 100%;
                    }
                }
            }
        }
        .classify_type{
            width: r(704);
            height: r(136);
            margin: r(37) auto r(37);
            .classify_type_img{
                width: r(133);
                height: r(133);
                margin-right: r(56);
                img{
                    width: 100%;
                }
            } 
            .classify_type_img:nth-of-type(4){
                margin-right: 0;
            }
        }
    }
}